<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>反洗钱预警管控平台——主菜单</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <ul id="sidebar"></ul>
    <div class="sidebar-changer" onclick="change_sidebar_state()"></div>
    <div class="split-line"></div>
    <ul id="content">
        <li class="news-board-content">
            <div class="news-board-first">
                <div class="news-board-top">
                    <input class="news-filter" placeholder="通过关键词搜索">
                    <div class="filter-button"></div>
                </div>
                <table id="table" class="news-table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>标题</th>
                            <th>发布时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="table-body"></tbody>
                </table>
                <div style="display: flex; align-items: center; margin-top: 20px;">
                    <div id="prev-page" class="icon-xiangzuojiantou rect_button"></div>
                    <div id="next-page" class="icon-xiangyoujiantou rect_button"></div>
                    <div id="add-news" class="icon-tianjia-tongyong- rect_button"></div>
                    <div id="jump-page">
                        <input type="text">
                        <p class="page-num"></p>
                    </div>
                </div>
            </div>
            <div class="news-board-second">
                <div id="return-button" class="icon-xiangzuojiantou rect_button"></div>
                <div id="news-detail"></div>
                <div id="prev-page" class="icon-xiangzuojiantou rect_button"></div>
                <div id="next-page" class="icon-xiangyoujiantou rect_button"></div>
            </div>
            <div class="news-board-third">
            </div>
            <div class="news-board-fourth">
            </div>
        </li>

        <li class="user-manage-content">
        </li>

        <li class="trade-manage-content">
            <div class='trade-manage-content'>
                <div class="trade-manage-first">
                    <table id="table">
                        <thead>
                            <tr>
                                <th>ID</th>
                                <th>交易时间</th>
                                <th>付款方</th>
                                <th>收款方</th>
                                <th>交易金额</th>
                                <th>审核状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody id="table-body"></tbody>
                    </table>
                    <div style="display: flex; align-items: center; margin-top: 20px;">
                        <div id="prev-page" class="icon-xiangzuojiantou rect_button"></div>
                        <div id="next-page" class="icon-xiangyoujiantou rect_button"></div>
                        <div id="add-trade" class="icon-tianjia-tongyong- rect_button"></div>
                        <div id="jump-page">
                            <input type="text">
                            <p class="page-num"></p>
                        </div>
                    </div>
                </div>
                <div class="trade-manage-second">
                    <div id="return-button" class="icon-xiangzuojiantou rect_button"></div>
                    <div id="trade-detail"></div>
                </div>
                <div class="trade-manage-third">
                </div>
                <div class="trade-manage-fourth">
                </div>
            </div>
        </li>

        <li class="sector-check-content">
            <div class="sector-check-first">
                <table id="table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>交易时间</th>
                            <th>付款方</th>
                            <th>收款方</th>
                            <th>交易金额</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="table-body"></tbody>
                </table>
                <div style="display: flex; align-items: center; margin-top: 20px;">
                    <div id="prev-page" class="icon-xiangzuojiantou rect_button"></div>
                    <div id="next-page" class="icon-xiangyoujiantou rect_button"></div>
                    <div id="jump-page">
                        <input type="text">
                        <p class="page-num"></p>
                    </div>
                </div>
            </div>
            <div class="sector-check-second">
                <div id="return-button" class="icon-xiangzuojiantou rect_button"></div>
                <div id="trade-detail"></div>
            </div>
        </li>
        <li class="police-check-content">
            <div class="police-check-first">
                <table id="table">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>交易时间</th>
                            <th>付款方</th>
                            <th>收款方</th>
                            <th>交易金额</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="table-body"></tbody>
                </table>
                <div style="display: flex; align-items: center; margin-top: 20px;">
                    <div id="prev-page" class="icon-xiangzuojiantou rect_button"></div>
                    <div id="next-page" class="icon-xiangyoujiantou rect_button"></div>
                    <div id="jump-page">
                        <input type="text">
                        <p class="page-num"></p>
                    </div>
                </div>
            </div>
            <div class="police-check-second">
                <div id="return-button" class="icon-xiangzuojiantou rect_button"></div>
                <div id="trade-detail"></div>
            </div>
        </li>
        <li class="deep-check-content">
        </li>
    </ul>

    <div class="fullScreen-tip">
        <div class="fullScreen-tip-overlay"></div>
        <div class="fullScreen-tip-content">
            <div id="fullScreen-tip-blink">
            </div>
        </div>
    </div>
</body>

<!-- 一些工具函数 -->
<script src="./utils.js"></script>

<!-- 初始化工作 -->
<script src="./init.js"></script>

<!-- 公告栏功能 -->
<script src="./news_board.js"></script>

<!-- 交易管理功能 -->
<script src="./trade_manage.js"></script>

<!-- 机构审查功能 -->
<script src="./sector_check.js"></script>

<!-- 公安审查功能 -->
<script src="./police_check.js"></script>

<script>/*测试区域*/

</script>

</html>